@CHARSET "ISO-8859-1";
@import url(reset.css);
@import url(fonts.css);

BODY {
  background:#402724 url() repeat-x;
  color:#241412;
  font:13px/22px 'Helvetica Neue','Helvetica','Arial',sans-serif;
  }
A {
  text-decoration:none;
  }

/* Header
---------------------------------------- */
.header-wrap {
  background:url() 0 100% repeat-x;
  }
  .header {
    position:relative;
    margin:auto;
    width:610px;
    line-height:1;
    }
  .header:after {
    clear:both;
    display:block;
    height:0;
    content:'';
    }

/* Title */
.header > :first-child {
  position:absolute;
  top:50%;
  margin-top:-18px;
  color:#FFF;
  text-shadow:0 0 5px rgba(0,0,0,0.7);
  font:30px 'PT Sans Narrow','Trebuchet MS',sans-serif;
  }
  .header > :first-child A {
    color:#FFF;
    -webkit-transition:text-shadow 0.2s linear;
    -moz-transition:text-shadow 0.2s linear;
    -o-transition:text-shadow 0.2s linear;
    }
  .header > :first-child A:hover {
    text-shadow:0 0 20px rgba(255,255,255,0.3);
    }
  .header > :first-child SPAN {
    position:absolute;
    margin:-10px 0 0 -65px;
    width:60px;
    height:60px;
    background:url() no-repeat;
    }

/* Menu */
.header UL,
.header UL LI {
  background:url() no-repeat;
  }
.header UL {
  float:right;
  background-position:0 43px;
  }
  .header UL LI {
    float:left;
    margin-left:-1px;
    background-position:100% 43px;
    }
    .header UL LI A {
      display:block;
      padding:42px 20px 40px;
      color:#FFF;
      text-transform:uppercase;
      text-shadow:0 1px 1px #402724;
      font-size:11px;
      -webkit-transition:background-color 0.2s linear;
      -moz-transition:background-color 0.2s linear;
      -o-transition:background-color 0.2s linear;
      }
    .header UL LI A:hover {
      background:#2D1B19;
      }
  .header UL .current {
    position:relative;
    border:1px solid #CC3D3D;
    border-width:0 1px;
    background:#BB0000 url() 0 100% repeat-x;
    }
    .header UL .current A,
    .header UL .current A:hover {
      margin-bottom:-1px;
      padding:42px 19px 41px;
      background:url() 50% 100% no-repeat;
      }

/* Article
---------------------------------------- */
.article-wrap {
  background:#FFF url() repeat-x;
  }
  .article {
    margin:auto;
    padding:30px 0 15px;
    width:610px;
    }
  .article:after {
    clear:both;
    display:block;
    content:'';
    }

/* Elements */
.article H1,
.article H2,
.article H3 {
  clear:both;
  margin:0 0 15px;
  color:#402724;
  font:22px/1 'PT Sans Narrow','Trebuchet MS',sans-serif;
  }
.article P {
  margin:0 0 15px;
  }
.article A {
  color:#D00;
  }
.article A:hover {
  color:#E57373;
  }
.article B,
.article STRONG {
  font-weight:bold;
  }
.article I,
.article EM {
  font-style:italic;
  }

/* Header */
.article > HEADER {
  margin:0 0 15px;
  }
  .article > HEADER > :first-child {
    margin:0;
    }
    .article > HEADER > :first-child A {
      color:#402724;
      -webkit-transition:color 0.2s linear;
      -moz-transition:color 0.2s linear;
      -o-transition:color 0.2s linear;
      }
      .article > HEADER > :first-child A SPAN {
        position:absolute;
        margin:3px 0 0 -60px;
        width:50px;
        height:16px;
        background-color:#C00;
        background-position:-1px -1px;
        -webkit-transition:background-color 0.2s linear;
        -moz-transition:background-color 0.2s linear;
        -o-transition:background-color 0.2s linear;
        }
    .article > HEADER > :first-child A:hover {
      color:#C00;
      }
      .article > HEADER > :first-child A:hover SPAN {
        background-color:#E00;
        }
  .article > HEADER TIME {
    color:#837674;
    font-size:11px;
    }

/* Lists */
.article UL {
  margin:0 0 15px;
  }
  .article UL LI:before {
    position:absolute;
    margin:0 0 0 -18px;
    color:#D6D1D1;
    content:'�2';
    font-size:22px;
    }
.article OL {
  margin:0 0 15px;
  counter-reset:list;
  }
  .article OL LI:before {
    position:absolute;
    margin-left:-48px;
    width:40px;
    color:#B3A9A7;
    content:counter(list)'.';
    counter-increment:list;
    text-align:right;
    }

/* Code Inline */
.article VAR,
.article KBD,
.article CODE,
.article SAMP {
  padding:2px 4px;
  background:#ECEAEA;
  color:#533D3A;
  font-family:Consolas,monospace;
  }
.article ABBR {
  display:inline;
  border-bottom:dotted 1px;
  }

/* Code Block */
.article PRE {
  clear:both;
  margin:0 0 15px -60px;
  padding:12px 0 12px 59px;
  border-left:1px solid #D9D4D3;
  background:#ECEAEA;
  color:#533D3A;
  counter-reset:code;
  white-space:normal;
  font:12px/20px Consolas,monospace;
  }
  .article PRE CODE {
    display:block;
    padding:0;
    white-space:pre-wrap;
    }
  .article PRE CODE:before {
    position:absolute;
    margin-left:-35px;
    color:#B3A9A7;
    content:counter(code,decimal-leading-zero)'.';
    counter-increment:code;
    }

/* Quote */
.article Q {
  font-style:italic;
  font-family:Georgia,serif;
  }
.article Q:before {
  content:'AB';
  }
  .article Q Q:before {
    content:'�E';
    }
.article Q:after {
  content:'BB';
  }
  .article Q Q:after {
    content:'�C';
    }

/* Blockquote */
.article BLOCKQUOTE {
  clear:both;
  margin:0 0 15px -60px;
  padding:12px 20px 12px 59px;
  border-left:1px solid #D9D4D3;
  background:#ECEAEA;
  color:#533D3A;
  font-family:'Georgia','Times',serif;
  }
  .article BLOCKQUOTE P {
    margin:0;
    }
  .article BLOCKQUOTE P:before {
    position:absolute;
    margin:-47px 0 0 -36px;
    color:#C6BFBE;
    content:'�E';
    line-height:1;
    font-size:70px;
    }

/* Figure */
.article FIGURE {
  float:left;
  margin:5px 0 20px -60px;
  }
  .article FIGURE IMG {
    float:left;
    margin:0 10px 10px 0;
    }
  .article FIGURE > A[rel=darkbox]:before {
    position:absolute;
    display:none;
    margin:8px 0 0 8px;
    width:20px;
    height:20px;
    background:url() no-repeat;
    content:'';
    }
  .article FIGURE > A[rel=darkbox]:hover:before {
    display:block;
    }
  .article FIGURE FIGCAPTION {
    clear:both;
    padding:0 30px 0 60px;
    color:#7A6866;
    line-height:15px;
    font-size:11px;
    }
.article FIGURE.small {
  width:260px;
  }
.article FIGURE.medium {
  width:380px;
  }
.article FIGURE.large {
  clear:both;
  width:670px;
  }

/* Video */
.article .video-player {
  display:block;
  margin:0 0 15px;
  }

/* Footer */
.article > FOOTER {
  }
  .article > FOOTER A {
    color:#188418;
    font:22px/1 'PT Sans Narrow','Trebuchet MS',sans-serif;
    -webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    }
    .article > FOOTER A SPAN {
      position:absolute;
      margin:3px 0 0 -60px;
      width:50px;
      height:26px;
      background-color:#188418;
      background-position:-1px -18px;
      }
  .article > FOOTER A:hover {
    color:#1C9E1C;
    }
    .article > FOOTER A:hover SPAN {
      background-color:#1C9E1C;
      -webkit-transition:background-color 0.2s linear;
      -moz-transition:background-color 0.2s linear;
      -o-transition:background-color 0.2s linear;
      }
  .article > FOOTER SMALL {
    position:relative;
    top:-10px;
    color:#8C7D7C;
    font-size:11px;
    }

/* Aside
---------------------------------------- */
.aside-wrap {
  background:#FFF;
  }
  .aside {
    margin:auto;
    padding:0 0 15px;
    width:610px;
    }

/* Title */
.aside HEADER {
  margin:-20px 0 20px;
  border-bottom:1px solid #D8D4D3;
  color:#C6BFBE;
  text-align:center;
  font:22px/1 'PT Sans Narrow','Trebuchet MS',sans-serif;
  }
  .aside HEADER H2 {
    position:relative;
    top:10px;
    display:inline;
    padding:0 10px;
    background:#FFF;
    }

/* List */
.aside OL {
  overflow:hidden;
  margin:0 0 20px;
  border-bottom:1px solid #D8D4D3;
  }
  .aside OL LI {
    margin:0 0 18px;
    }
  .aside OL LI A {
    color:#402724;
    font:22px/1 'PT Sans Narrow','Trebuchet MS',sans-serif;
    -webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    }
    .aside OL LI A SPAN {
      position:absolute;
      margin:3px 0 0 -60px;
      width:50px;
      height:16px;
      background-color:#D9D4D3;
      background-position:-1px -1px;
      -webkit-transition:background-color 0.2s linear;
      -moz-transition:background-color 0.2s linear;
      -o-transition:background-color 0.2s linear;
      }
  .aside OL LI A:hover {
    color:#C00;
    }
    .aside OL LI A:hover SPAN {
      background-color:#C00;
      }
  .aside OL LI TIME {
    position:relative;
    top:-10px;
    color:#8C7D7C;
    font-size:11px;
    }

/* Next */
.aside > FOOTER {
  padding:0 0 15px;
  color:#C6BFBE;
  font:22px/1 'PT Sans Narrow','Trebuchet MS',sans-serif;
  }
  .aside > FOOTER SPAN {
    display:none;
    cursor:pointer;
    color:#C00;
    -webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    }
  .aside > FOOTER SPAN:hover {
    color:#E57373;
    }

/* Aside JS */
#js .aside OL {
  display:none;
  }
#js .aside OL:first-of-type {
  display:block;
  }
#js .aside > FOOTER SPAN {
  display:inline;
  }

/* Comments
---------------------------------------- */
.comments {
  }

/* Header */
.comments > HEADER {
  padding:15px 0;
  }
  .comments > HEADER H3 {
    display:inline;
    color:#402724;
    font:22px/1 'PT Sans Narrow','Trebuchet MS',sans-serif;
    }
    .comments > HEADER H3 SPAN {
      position:absolute;
      margin:3px 0 0 -60px;
      width:50px;
      height:26px;
      background-color:#188418;
      background-position:-1px -18px;
      }
  .comments > HEADER SMALL {
    position:relative;
    top:-10px;
    color:#8C7D7C;
    font-size:11px;
    }

/* Article */
.comments > ARTICLE {
  position:relative;
  padding:15px 0 2px 180px;
  min-height:50px;
  border-top:1px solid #D9D4D3;
  }
  .comments > ARTICLE FOOTER {
    position:absolute;
    top:15px;
    left:0;
    overflow:hidden;
    width:160px;
    white-space:nowrap;
    }
    .comments > ARTICLE FOOTER TIME {
      display:block;
      line-height:1;
      font-size:11px;
      }
      .comments > ARTICLE FOOTER TIME A {
        color:#8C7D7C;
        }

/* Elements */
.comments P {
  margin:0 0 15px;
  }

/* Blockquote */
.comments BLOCKQUOTE {
  margin:0 0 15px;
  padding:5px 10px 5px;
  }
  .comments BLOCKQUOTE P:before {
    content:'';
    }

/* Blockcode */
.comments PRE {
  margin:0 0 15px;
  padding:5px 10px 5px;
  }
  .comments PRE CODE:before {
    content:'';
    }

/* Form
---------------------------------------- */
.form {
  padding:0 0 15px;
  }
  .form INPUT[type=email],
  .form INPUT[type=text],
  .form INPUT[type=url],
  .form TEXTAREA {
    display:block;
    margin:0;
    border:1px solid;
    border-color:#C6BFBE #E3DFDE #E3DFDE #C6BFBE;
    background:#ECEAEA;
    color:#533D3A;
    }
  .form TEXTAREA {
    margin:0 0 15px;
    width:430px;
    line-height:22px;
    }
  .form INPUT[type=submit] {
    clear:both;
    display:block;
    padding:5px 15px;
    border:1px solid #2e8a2e;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background:#188418 url() 0 50% repeat-x;
    color:#FFF;
    text-shadow:0 1px 1px #333;
    cursor:pointer;
    -webkit-transition:background-color 0.2s linear;
    -moz-transition:background-color 0.2s linear;
    -o-transition:background-color 0.2s linear;
    }
  .form INPUT[type=submit]:hover {
    background-color:#1C9E1C;
    }
  .form INPUT[type=submit]:active {
    background:#188418;
    }

/* Comment */
.form-comment {
  padding-left:180px;
  border-top:1px solid #D9D4D3;
  }
  .form-comment LEGEND {
    padding:15px 0;
    color:#402724;
    font:22px/1 'PT Sans Narrow','Trebuchet MS',sans-serif;
    }
  .form-comment DL {
    margin:0 0 15px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #F7F2CF;
    background:#FFF9C7;
    color:#402724;
    line-height:14px;
    font-size:11px;
    }
    .form-comment DL DT {
      padding:7px 10px 6px;
      }
    .form-comment DL DD {
      padding:0 10px 8px;
      }
    .form-comment DL CODE {
      padding:0;
      background:none;
      }
  .form-comment .subscription {
    padding:0 0 15px;
    }
  .form-comment .details {
    float:left;
    }
    .form-comment .details INPUT {
      float:left;
      margin:0 5px 15px 0;
      width:250px;
      }
    .form-comment .details INPUT:focus+LABEL {
      color:#533D3A;
      }
    .form-comment .details LABEL {
      float:left;
      color:#8C7D7C;
      }

/* Comment JS */
#js .form-comment DL DT {
  position:relative;
  padding-left:22px;
  cursor:pointer;
  }
#js .form-comment DL DT:before {
  position:absolute;
  top:50%;
  left:9px;
  margin:-4px 0 0;
  width:9px;
  height:9px;
  background:url() no-repeat;
  content:'';
  }
#js .form-comment DL DD {
  display:none;
  }
#js .form-comment DL.on DT:before {
  background-position:-9px 0;
  }
#js .form-comment DL.on DD {
  display:block;
  }

/* Search */
.form-search {
  }
  .form-search INPUT[type=text] {
    margin:0 0 15px;
    width:606px;
    font-size:22px;
    }

/* Footer
---------------------------------------- */
.footer-wrap {
  background:url() repeat-x;
  }
  .footer {
    margin:auto;
    padding:15px 0;
    width:610px;
    color:#665250;
    text-shadow:0 0 5px rgba(0,0,0,0.4);
    font-size:11px;
    }
  .footer:after {
    display:block;
    height:0;
    content:'';
    clear:both;
    }
    .footer A {
      border-bottom:1px solid #533D3A;
      color:#665250;
      -webkit-transition:color 0.2s linear;
      -moz-transition:color 0.2s linear;
      -o-transition:color 0.2s linear;
      }
    .footer A:hover {
      color:#8C7D7C;
      }

/* Copyright */
.footer P {
  float:left;
  }

/* Links */
.footer UL {
  float:right;
  }
  .footer UL LI {
    float:left;
    margin-left:8px;
    }

/* Flag Image
---------------------------------------- */
.article > HEADER > :first-child A SPAN,
.article > FOOTER A SPAN,
.aside OL LI A SPAN,
.comments > HEADER H3 SPAN {
  background-image:url();
  background-repeat:no-repeat;
  }

/* Darkbox
---------------------------------------- */
.darkbox {
  position:fixed;
  top:0;
  left:0;
  z-index:999;
  display:none;
  overflow:hidden;
  width:100%;
  height:100%;
  }
  .darkbox .darkbox-shadow {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    }
  .darkbox .darkbox-canvas {
    position:absolute;
    top:50%;
    left:50%;
    overflow:hidden;
    margin:-40px 0 0 -40px;
    width:80px;
    height:80px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    background:#000 url() 24px 24px no-repeat;
    }
    .darkbox .darkbox-canvas IMG {
      display:block;
      visibility:hidden;
      }
  .darkbox .darkbox-button {
    position:absolute;
    top:-13px;
    z-index:1;
    display:none;
    overflow:hidden;
    width:30px;
    height:30px;
    background:url() no-repeat;
    cursor:pointer;
    }
  .darkbox .darkbox-button-left {
    left:-16px;
    }
  .darkbox .darkbox-button-right {
    right:-16px;
    }

/* Darkbox On
---------------------------------------- */
.darkbox-on {
  display:block;
  }

/* Darkbox Loaded
---------------------------------------- */
.darkbox-loaded {
  }
  .darkbox-loaded .darkbox-canvas {
    overflow:visible;
    height:auto;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    background:none;
    }
    .darkbox-loaded .darkbox-canvas IMG {
      width:100%;
      visibility:visible;
      }

/* Darkbox Error
---------------------------------------- */
.darkbox-error {
  }
  .darkbox-error .darkbox-canvas {
    background-image:url();
    }

/* Darkbox Done
---------------------------------------- */
.darkbox-done {
  }
  .darkbox-done .darkbox-button {
    display:block;
    }